@charset "utf-8";
/* CSS Document */
#js_banner { margin-top: 10px; }
#nav { }
#nav a { display: inline-block; padding: 0 15px; }
#nav.float_eft { position: fixed; background-color: rgba(255,255,255,.95); top: 0px; z-index: 999; width: 100%; margin-left: -1px; box-shadow: 0 2px 0px rgba(0,0,0,.05); text-align: center; }
#nav.float_eft .nav_left { margin: 0 auto; }
#nav.float_eft a { font-size: 15px; padding: 0 15px; color: #666 }
#nav.float_eft a:hover { color: #fff; text-decoration: none; background-color: rgb(213,18,22) }
#nav.float_eft a.selected { background-color: #000; }
.topicList { position: relative; margin-bottom: 20px; }
.topicList .hd { line-height: 42px; height: 42px; font-size: 19px; color: #565656; margin-bottom: 10px; }
.topicList .hd span { float: right; }
.topicList .hd span a { color: rgb(213,18,22); line-height: 42px; font-family: Verdana, Geneva, sans-serif }
.topicList ul { margin-left: -21px; }
.topicList li { display: block; float: left; margin-left: 20px; width: 317px; overflow: hidden; margin-bottom: 20px; position: relative }
.topicList li a:hover { text-decoration: none; }
.topicList li a:hover span { display: none; }
.topicList li span { display: block; position: absolute; bottom: 0; left: 0px; width: 100%; background: rgba(213,18,22,.5); line-height: 32px; height: 32px; color: #fff; padding: 0 10px; }
.topicList li .mask { position: absolute; bottom: -100px; line-height: 20px; background-color: rgba(0,0,0,.7); color: #fff; padding: 10px; height: 80px; overflow: hidden; width:297px; }
/*pagination*/
.pagination { padding: 5px 0; text-align: center; margin-top: 10px; }
.pagination .pages b { color: #333; display: inline-block; font-weight: 700; height: 32px; line-height: 32px; width: 25px }
.pagination .pages b,
.pagination a { font-size: 14px; margin-right: 5px; text-align: center; vertical-align: middle }
.pagination a { background-color: #FFF; border: 1px solid #e7ecf0; display: inline-block; height: 32px; line-height: 32px; overflow: hidden; text-decoration: none; width: 32px; color: #0da4d3; }
.pagination a:hover { background-color: #e9f1f7; text-decoration: none }
.pagination .first,
.pagination .last { width: 41px }
.pagination .pre,
.pagination .next { line-height: 32px; width: 60px }
.pagination .last { margin-right: 0 }
.quick-page-nav { border-top: 1px dotted #e7eaee; padding: 10px 30px; margin-top: 10px; }
.quick-page-nav ul { height: auto; }
.quick-page-nav ul.lmt-ht { height: 72px; overflow: hidden; }
.quick-page-nav li { width: 60px; height: 24px; line-height: 24px; float: left; }
.quick-page-nav a { color: #666; }
/*current*/
.currented { height: 42px; line-height: 42px; }
.currented a { color: #f00 }
.currented a:hover { text-decoration: underline }
.currented span { font-family: "宋体"; padding: 0 5px; color: #999 }
/*content*/
#topic_content { background-color: #fff; padding-bottom: 20px; }
#topicMain { background-color: #fff; }
/**/
#topicFocus { padding: 15px; }
.carousel_box { float: left; width: 280px; overflow: hidden; }
.mainNews { float: left; width: 350px; margin-left: 20px; }
.mainNews .hd { line-height: 24px; height: 24px; color: #565656; font-size: 14px; margin-bottom: 5px }
.mainNews .bd h3 { margin-bottom: 5px; }
.mainNews .bd h3 a { font-size: 22px; color: rgb(213,18,22) }
.mainNews .bd h3 a:hover { text-decoration: none; }
.mainNews .bd h3 p { line-height: 20px; color: #787878; }
.mainNews .bd ul { padding-top: 10px; }
.mainNews .bd li { line-height: 24px; position: relative; }
.mainNews .bd li a { padding-left: 12px; }
.mainNews .bd li:before { content: ''; position: absolute; width: 3px; height: 3px; background-color: #ccc; left: 0px; top: 11px; }
.aboutTopic { float: left; width: 290px; margin-left: 20px; }
.aboutTopic .hd { line-height: 24px; height: 24px; color: #565656; font-size: 14px; margin-bottom: 5px }
.aboutTopic .bd p { line-height: 20px; color: #323232; }
.aboutTopic .bd p { }
.setting_mod { border-top: 1px solid #e9e9e9; margin: 0 15px; padding-top: 5px; }
.setting_mod .hd { line-height: 42px; line-height: 42px; font-size: 19px; padding: 0; color: #565656 }
.setting_mod .bd { padding: 15px 0; }
.img_mod { border-top: 1px solid #e9e9e9; margin: 0 15px; padding-top: 5px; margin-top: 10px; }
.img_mod .hd { line-height: 42px; line-height: 42px; font-size: 19px; padding: 0; color: #565656 }
.img_mod .bd { padding: 10px 0; }
.img_list_mod { border-top: 1px solid #e9e9e9; margin: 0 15px; padding-top: 5px; margin-top: 10px; }
.img_list_mod .hd { line-height: 42px; line-height: 42px; font-size: 19px; padding: 0; color: #565656 }
.img_list_mod .bd { padding: 10px 0; position: relative }
.img_list_mod .bd ul { margin-left: -20px; }
.img_list_mod .bd li { float: left; margin-left: 20px; margin-bottom: 20px; position: relative }
.img_list_mod .bd li span { position: absolute; width: 100%; height: 30px; line-height: 30px; background-color: rgba(0,0,0,.6); bottom: 0; color: #fff; text-align: center }
/**/
#topicFocus { border-top: 1px solid #e0e0e0; padding-top: 20px; }
#topicFocus .brand_causel { position: relative; margin-bottom: 40px; }
#topicFocus .carousel { position: relative }
#topicFocus .carousel li { float: left; width: 280px; overflow: hidden }
#topicFocus #causel_left,
#topicFocus #causel_right { position: absolute; top: 136px; width: 30px; height: 80px; background-image: url(img/k-sprite.png); background-repeat: no-repeat; display: block; z-index: 2; filter: alpha(opacity=30); /*IE滤镜，透明度50%*/ -moz-opacity: 0.3; /*Firefox私有，透明度50%*/ opacity: 0.3;/*其他，透明度50%*/ }
#topicFocus #causel_left:hover,
#topicFocus #causel_right:hover { filter: alpha(opacity=70); /*IE滤镜，透明度50%*/ -moz-opacity: 0.7; /*Firefox私有，透明度50%*/ opacity: 0.7;/*其他，透明度50%*/ }
#topicFocus #causel_left { background-position: -340px -40px; left: 0px; }
#topicFocus #causel_right { background-position: -370px -40px; right: 0px; }